<html>
    <head>
        <style>
            body {
              max-width: 600px;
              margin: 50px auto;
              font-family: Arial;
              font-size: 15px;
              line-height: 1.5em;
            }
            .tip {
              font-size: .8em;
            }
        </style>
    </head>
    <body>

<h1>SVG export plugin</h1>

<p>This plugins adds two new methods to the <code>joint.dia.Paper</code> object:</p>

<ul>
    <li><b><code>toSVG()</code></b> - Returns an SVG string representing the content of the paper.</li>
    <li><b><code>openAsSVG()</code></b> - Opens a new window with SVG representing the content of the paper. This is mainly for debugging purposes.</li>
</ul>

<h2>Install</h2>

<p>Include <code>joint.format.svg.js</code> file into your HTML:</p>
<pre><code>
&lt;script type="text/javascript" src="joint.format.svg.js"&gt;&lt;/script&gt;
</code></pre>


<h2>Usage</h2>

<pre><code>
var svgString = paper.toSVG();

sendToServer(svgString);
offerForDownload(svgString);
</code></pre>
